Here are the instructions for removing the Qt Quick top level game menu. Removing {\ttfamily \hyperlink{_controls_8qml}{Controls.qml}} menu is used as an example.\hypertarget{remove_game_menu_removeMainMenuImages}{}\section{Removing Main Menu Images}\label{remove_game_menu_removeMainMenuImages}
There must be one image for the main menu. Also a new image for each menu selection must be created. The currently selected menu is highlighted at the menu selection images.

Main menu image {\ttfamily mainmenu.png} is at the project folder under {\ttfamily }./qml/smashminer/pics.

The old highlighted menu image {\ttfamily mainmenu\_\-controls\_\-selected.png} is removed from folder {\ttfamily }./qml/smashminer/pics. The new menu images for old remaining highlighted menus are copied to folder {\ttfamily }./qml/smashminer/pics.\hypertarget{remove_game_menu_removeMenuImageFileFromResources}{}\section{Removing Menu Image File From Resources}\label{remove_game_menu_removeMenuImageFileFromResources}
Next thing is to remove the old highlighted menu image file from resources.

Then edit the resource file {\ttfamily smashminer.qrc}. Remove {\ttfamily mainmenu\_\-controls\_\-selected.png} file from the resources under {\ttfamily images} resource prefix.\hypertarget{remove_game_menu_removeMenuSelectionFromQML}{}\section{Removing Menu Item From QML Main Menu}\label{remove_game_menu_removeMenuSelectionFromQML}
First the {\ttfamily numberOfMenuSelections} {\ttfamily property} must be decreased from 6 to 5 under the {\ttfamily mainview} {\ttfamily Item:} 
\begin{DoxyCode}
...
property int numberOfMenuSelections: 5
...
\end{DoxyCode}
 The {\ttfamily numberOfMenuSelections} is used to calculate {\ttfamily menuMouseAreaHeight} {\ttfamily property}.

Next remove the {\ttfamily MouseArea} for opening the {\ttfamily \hyperlink{_controls_8qml}{Controls.qml}} view when receiving {\ttfamily clicked()} {\ttfamily signal:} 
\begin{DoxyCode}
...
        MouseArea {
            id: mouseAreaControls
            anchors { top: mouseAreaSettings.bottom; topMargin: menuMouseAreaMarg
      in; bottomMargin: menuMouseAreaMargin}
            width: parent.width
            height: menuMouseAreaHeight
            onClicked: {
                showSubMenu("qrc:/images/mainmenu_controls_selected.png", control
      sView);
            }
        }
...
\end{DoxyCode}
 When the mouse area is clicked the function {\ttfamily showSubMenu()} changes the menu image to the highlighted version and displays the {\ttfamily controView}.

Next remove the actual {\ttfamily Controls} element: 
\begin{DoxyCode}
...
    Controls {
         id: controlsView
         x: -mainview.width
         onBack: {
            animBackFromMenu.start();
            animBackgroundFromMenu.start();
        }
    }
...
\end{DoxyCode}


Then remove from {\ttfamily function} {\ttfamily hideSubMenus()} hiding of the {\ttfamily controlsView:} 
\begin{DoxyCode}
...
        controlsView.visible = false;
...
\end{DoxyCode}


Finally remove the file {\ttfamily \hyperlink{_controls_8qml}{Controls.qml}}. Now the main menu has only 5 remaining menu items. 